<ion-header>
  <ion-navbar>
    <ion-title>特种设备安全监察指令书</ion-title>
  </ion-navbar>

</ion-header>
<ion-content class="safe-control-detail">
  <ion-list>
    <ion-item>
      <ion-label>文书编号
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <span style="font-size: 13px">
        <span>(</span>
        <input [(ngModel)]="adr" class="inputStyle"  /> <span>
        )市监特令<span>[</span><input [(ngModel)]="year" class="inputStyle"  />
        ] 第(<input [(ngModel)]="num" class="inputStyle" />)号
        </span></span></ion-label>
    </ion-item>
    <ion-item>
      <ion-label >该单位存在下列问题</ion-label>
      <ion-select interface="action-sheet"  placeholder="查看"  okText="确定" cancelText="取消">
        <ion-option style="font-size: 15px" disabled="true" value="查看"  *ngFor="let question of questionList">{{question}}</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>相关法律规定</ion-label>
      <ion-select interface="action-sheet"  placeholder="查看"  okText="确定" cancelText="取消">
        <ion-option style="height: auto; font-size: 13px"  *ngFor="let content of lawContentList">{{content}}</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>限期整改</ion-label>
      <ion-datetime class="fountSize" [(ngModel)]="treatmentDate" placeholder="请选择时间" displayFormat="YYYY-MM-DD"
                    cancelText="取消" doneText="确认"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label>采取整改措施</ion-label>
      <ion-select (ionChange)="changeMethod()" interface="popover"  class="fountSize"  [(ngModel)]="modifyType"  placeholder="请选择"  okText="确定" cancelText="取消">
        <ion-option  value="1">引用并修改</ion-option>
        <ion-option  value="2">手动输入</ion-option>
      </ion-select>
    </ion-item>
    <ion-item *ngIf="modifyType == '1' || modifyType == '2'">
      <ion-label stacked>请输入
        <span *ngIf="modifyType == '1'" style="color: #757272;font-size: 13px">（引用并修改）</span>
        <span *ngIf="modifyType == '2'" style="color: #757272;font-size: 13px">（手动输入）</span>
      </ion-label>
        <ion-textarea class="fountSize" rows = "5"
                      [(ngModel)]="safeControl.treatmentMeasures" placeholder="" type="text" autosize></ion-textarea>
    </ion-item>
    <!--<ion-item>
      <ion-label>整改措施</ion-label>
      <ion-select multiple="true"    placeholder="请选择"  okText="确定" cancelText="取消">
        <ion-option *ngFor="let measure of measures">{{measure}}</ion-option>
        <ion-option value="4">改造</ion-option>
        <ion-option value="5">维修</ion-option>
        <ion-option value="9">其它</ion-option>
      </ion-select>
    </ion-item>-->
  </ion-list>

  <ion-list>
    <ion-item >
      <ion-label>行政复议部门</ion-label>
      <ion-input class="fountSize" [(ngModel)]="safeControl.reconsiderationUnit"  placeholder="请输入" type="text"  ></ion-input>
    </ion-item>
    <ion-item >
      <ion-label>行政诉讼部门</ion-label>
      <ion-input class="fountSize" [(ngModel)]="safeControl.litigationUnit" placeholder="请输入" type="text" ></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>记录员姓名</ion-label>
      <ion-input class="fountSize" readonly="true"  [(ngModel)]="safeControl.recorderName" ></ion-input>
    </ion-item>
    <ion-item>
      <ion-label >被检查单位是否可预览监督检查记录？</ion-label>
      <ion-select class="fountSize" interface="popover"  [(ngModel)]="safeControl.isPreviewLawDoc" placeholder="请选择"  okText="确定" cancelText="取消">
        <ion-option value="0" [selected]="true">不可预览</ion-option>
        <ion-option value="1" >可预览</ion-option>
      </ion-select>
    </ion-item>
  </ion-list>
  <div class="signarea">
      <p>签名<span style="color: #757272;font-size: 13px">（被检查单位负责人签名）</span>
    </p>
    <signatrue [inValue]="time" (outPut)="getImgUrl($event)"></signatrue>
  </div>
</ion-content>
<ion-footer>
  <button ion-button (click)="submit()" class="submit">提交</button>
</ion-footer>